<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图书借阅</title>
    <link rel="stylesheet" href="../css/borrow.css">
    <link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" />
</head>
<body>
    <!--背景-->
    
        <!-- 左手边菜单栏 -->
        <div class="all">
            <!-- 左手边菜单栏 -->
            <div class="h left_Menu_Bar Center">
                <div class="Menu_Bar Center">
                    <!-- 头像 -->
                    <div class="avatar">
                        <!-- 默认头像 -->
                        <h1>读</h1>
                    </div>
                    <!-- 菜单 -->
                    <div class="Menu Font">
                        <ul class="Center ct">
                            <li><a href="#">用户管理</a></li>
                            <li>
                                <a href="#">借阅管理</a> <button class="btn" id="btn"><i class="bx bx-chevron-down"
                                        id="arrow"></i></button>
                            </li>
                            <!-- 下拉菜单 -->
                            <div class="box " id="dropdown">
                                <ul class="drop_down_menu Center">
                                    <li><a href="../html/borrow.html">借阅</a></li>
                                    <li><a href="../html/return.html">归还</a></li>
                                    <li><a href="#">记录</a></li>
                                    <li><a href="expire.php">过期</a></li>
                                </ul>
                            </div>
                            <li><a href="../html/Book Information.html">图书列表</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            
        <!-- <div class="h bodyed"> -->
        <!-- 白色背景 -->
            <div class="Background">
                <!-- 标题 -->
                <div class="top">
                <h1 class="title">图书归还</h1>
                    <div class="top_right">
                        <a href="#"><img src="../image/搜索.png" alt=""></a>
                        <a href="#"><img src="../image/问号.png" alt=""></a>
                    </div>
                </div>
                <div class="right_body_gd">
                    <div class="nav">
                        <ul class="navlist">
                            <li class="btli" >
                                <a href="#">电子书 </a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                            <li class="btli" >
                                <a href="#">有声读物 </a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                            <li class="btli" >
                                <a href="#">Comics </a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                            <li class="btli" >
                                <a href="#">Children'book</a>
                                <ul class="droplist">
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                    <li><a href="#">我很豪庭</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="gd_right">
                        <div class="one"><a href="#"><img src="../image/退出 (1).png" alt="">   您的书房</a></div>
                        <div class="one"><a href="#"><img src="../image/退出 (1).png" alt="">   您的心愿单</a></div>
                    </div>
                </div>
                <div class="lbt">
                    <ul class="images">
                        <li class="img"></li>
                        <li class="img"></li>
                        <li class="img"></li>
                        <li class="img"></li>
                    </ul>
                    <ul class="min">
                        <li class="m"></li>
                        <li class="m"></li>
                        <li class="m"></li>
                        <li class="m"></li>
                    </ul>
                    <div class="button">
                        <div class="button-left">&lt;</div>
                        <div class="button-right">&gt;</div>
                    </div>
                </div>
                <div class="tj">
                    <div style="display: flex;font-size: 25px;align-items: center;justify-content: center;"> <img src="../image/热门.png" alt=""> <b>热门推荐</b></div>
                    <div class="lb">图书列表 ></div>
                </div>
                <div class="footer">
                    <div class="man_box">
                        <div class="man"><img src="../image/三国演义.jpeg" alt=""></div>
                        <div class="man"><img src="../image/水浒传.jpg" alt=""></div>
                        <div class="man"><img src="../image/西游记.jpg" alt=""></div>
                        <div class="man"><img src="../image/乡土中国.jpeg" alt=""></div>
                        <div class="man"><img src="../image/cadlz.jpeg" alt=""></div>
                        <div class="man"><img src="../image/星星上的人.jpeg" alt=""></div>
                    </div>
                </div>
                <div class="foot-2">
                    <button>1</button>
                    <button>2</button>
                    <button>3</button>
                    <button style="width: 80px;height: 36px;">下一页></button>
                </div>
            </div>

                
            </div>
        </div>
    </div>
</body>
</html>
<script src="../js/borrow.js"></script>